<?php
header('Content-Type: text/html; charset=utf-8');
$aid=$_GET['aid'];//文章id
?>
<!DOCTYPE html>
<html >
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
	<title>松鼠咨询</title>
	<script>
		!(function(){
			function w() {
				var r = document.documentElement;
				var a = r.getBoundingClientRect().width;
					if (a > 1080 ){
						a = 1080;
					} 
					rem = a / 1080 * 100;
					r.style.fontSize = rem + "px"
			}
			var t;
			w();
			window.addEventListener("resize", function() {
				clearTimeout(t);
				t = setTimeout(w, 300)
			}, false);

		}())
	</script>

    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/detail-2.css">
	<script src="../js/html5shiv.js"></script>
	<style>
        	/* * { touch-action: none; } */
		#box{
			background:#fff;
			-webkit-overflow-scrolling: touch;
            /* height:auto; */

		}
		
            html,body{
				height:auto;
				overflow-x:hidden;
				overflow-y:scroll;
			}
          
	</style>
      
</head>

<body >
<div id="box">
		<header  >
			<h1>{{title}}</h1>
			<div>
				<time>{{time}}</time>
				<div >来源：{{from}}</div>
			</div>
		</header>
		<div class="content_box" >
				<div class="content" >
					<div class="contentP"> 
						内容
					
					</div >
				
					<!-- <div v-if="primary_url" v-cloak style="margin-top:1rem;">
						该页面已由松鼠资讯优化<a :href='primary_url'>查看原文</a>
					</div> -->
					<div class="text_from" style="margin-top:1rem;">
						文章来源于网络，如侵权请联系我们删除。
					</div>

					</div>
				</div>
		</div>
			<div style="height:5.5rem;width:100%;">

			</div>

			

</div>
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.lazyload.min.js"></script>

	

  
<script type="text/javascript">
// api.nuoio.xyz/article_content/index?aid=19018


 var port = 1395620;
 var port = "<?php echo $aid?>";
 $(window).ready(function () {
	 var content={}
            $.ajax({
                url: 'http://api.songshu68.com/article_content/index?aid='+port,
                type: "get",
				async:false,
				dataType: "json",
                // dataType: "json",
                success:function (response) {
					conReplace(response);
					
                },
				error:function(){
					alert("错误");
				}

            });

		 function conReplace(res){
				if(res.code==200){
					console.log(res);
					var result = res.data;
					document.title = result.title;
					$("h1").html(result.title);
					$("header div time").html(result.day);
					if(result.ar_source){
						$("header div div").html(result.ar_source);
					}
		
					$(".content_box div .contentP").html(result.content);
					if(result.primary_url){
						$(".text_from").html("	该页面已由松鼠资讯优化<a href="+result.primary_url+">查看原文</a>")
					}
					$(".content .ssimg img").each(function(i){
						console.log($(this));
                            $(this).attr("data-src2",$(this).attr("src"));
							$(this).attr("data-original",$(this).attr("src"));
							$(this).attr("src","http://songshutoutiao.com/view/client/content_load.gif");		
							
							if(!$(this).attr("onerror")){
								$(this).attr("onerror","nofind()");
							}
						})
					
			
						lazyload();	
				}else{
				 html =	'<p style="text-align:center">'+ res.message+'</p>';
					$("#box").html(html);
				}
			
			};
			function lazyload(){
				$("img").lazyload({
						threshold : 200
					});
			}
			
			function  handleScroll(){
				console.log("handleScroll")
				
			}

			$("body").on("click",".ssimg",function(event){
				var gifImg=$(this).children("img");
				console.log( gifImg.attr("src").split(".").pop());
				if(gifImg.next(".gifPlay").css("display")==="block" && gifImg.attr("data-src") &&gifImg.attr("src").split(".").pop()!=="gif"){
					$(this).children(".gifPlay").hide();
					gifImg.attr( "src",gifImg.attr("data-src"));
				}
			
			
			})
			function nofind(){
				var img = event.srcElement;
				$(img).attr("src","https://chuangkun.oss-cn-hangzhou.aliyuncs.com/icon/H5/errorImg.png");   
			}
	// var vm = new Vue({
	// 	el:'#box',
	// 	name:'app',
	// 	data:{
    //         flag:false,
	// 		port:port,	
	// 		title:'',
	// 		time:'',
	// 		from:'',
	// 		content:'',
	// 		primary_url:'',
	// 		api:"http://api.nuoio.xyz/",
	// 		content:content
			
		
	// 	},
	
	// 	methods:{
	// 		//延时5秒查看;
	// 		delaySend(url,data,callback){
					
	// 		},
			
	// 		//设置content的data
	// 		conReplace(res){
	// 			if(res.code==200){
	// 				var result = res.data;
	// 				this._data.title = result.title;
	// 				this._data.time = result.day;
	// 				this._data.from = result.ar_source;
	// 				this._data.content = result.content;
	// 				this._data.primary_url = result.primary_url;
	// 				document.title = result.title;
	// 				var arrH=[]
	// 				this.$nextTick(() =>{
	// 					$(".content .ssimg img").each(function(i){
    //                         $(this).attr("data-src2",$(this).attr("src"));
	// 						$(this).attr("data-original",$(this).attr("src"));
	// 						$(this).attr("src","");		
							
	// 						if(!$(this).attr("onerror")){
	// 							$(this).attr("onerror","nofind()");
	// 						}
	// 					})
	// 					this.lazyload();	
                       
	// 				})
					

	// 			}else{
				
	// 			 html =	'<p style="text-align:center">'+ res.message+'</p>';
	// 				$("#box").html(html);
	// 			}
			
	// 		},
	// 		lazyload(){
	// 			$(" img").lazyload({
	// 					threshold : 100,
	// 					placeholder: "../../static/H5/img/lazyload.png"
    //           	});
	// 		},
			
	// 		//content图片加载失败会隐藏; 
	// 		nofind(){
	// 			var img = event.srcElement;
	// 			$(img).attr("src","https://chuangkun.oss-cn-hangzhou.aliyuncs.com/icon/H5/errorImg.png");   
    // 		},
	// 		conSend(){
	// 			var url = this.api+"article_content/index";
	// 			console.log(this.port)
	// 			var data =  {aid:this.port};
	// 			// console.log(port)
	// 			var callback = this.conReplace;
	// 			this.delaySend(url,data,callback);
	// 		},	
    //         handleScroll(){
	// 			this.title="滑动"
	// 			console.log("调用了")
    //             // var scrollTop = this.$refs.box.scrollTop;
    //             // console.log(scrollTop)
	// 			//
    //             var t = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
	// 			// console.log($('html').scrollTop());
	// 			// var t = $(window).scrollTop();
	// 				var arr = [];
	// 				$(".content .ssimg img").each(function(i){
    //                     arr[i] = $(this).height();
                     
    //                         var top = $(this).offset().top;
	// 			        var h = this.clientHeight;
    //                         // console.log(top+h,t)
	// 						var tf=false;
    //                         // alert(top+"top"+h+"h"+t+"t");
	// 					// 判断是gif不;
	// 					var img = $(this).attr("src");
	// 					var img2 = $(this).attr("data-src");
	// 					var img3 = $(this).attr("data-original");
	// 					var tf = false;
	// 					// console.log($(this).attr("src").split("."))
	// 					if(	img && img.split(".").pop() =="gif" ){
	// 						tf = true;
	// 					}
	// 					else if(img2 && img2.split(".").pop()=="gif"){
	// 						tf = true;
	// 					}else if(img3 && img3.split(".").pop()=="gif"){
	// 						tf = true
	// 					}

    //                         if(top+h < t && tf == true  ){
                                
    //                             // console.log();
    //                             $(this).attr( "src", "https://chuangkun.oss-cn-hangzhou.aliyuncs.com/icon/H5/errorImg.png");
    //                             $(this).height(arr[i]);
                               
	// 						}
    //                         // console.log(top+h,t)
    //                         if(top+h>=t && tf == true){
    //                             // console.log("条件符合了")
                           
    //                             if($(this).next(".gifPlay")){
	// 								if($(this).next(".gifPlay").css("display")=="none"){
    //                                     $(this).attr( "src",$(this).attr("data-src"));
	// 								}else{
    //                                     $(this).attr( "src",$(this).attr("data-src2"));
    //                                 }
    //                             }else if($(this).attr("data-src2")){
    //                                 $(this).attr( "src",$(this).attr("data-src2"));
    //                             }
                               
    //                         }
                         
						
	// 				})
	// 				// alert("handle执行了");
    //         }
	// 	},
	// 	mounted:function(){
			
		
					
	// 	},
    //     created(){
	// 		this.conReplace(this.content);
    //     },
    //     updated(){
	// 		// console.log(Math.max(document.documentElement.scrollTop, document.body.scrollTop))
    //     }
    // })
    // Vue.config.productionTip = false;

	
 });
// console.log(port,obj);


</script>


</body>
</html>